<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>우리결혼할래요?</title>
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.backstretch.min.js"></script>

<link rel="stylesheet" type="text/css" href="../css/main.css" />
<link rel="stylesheet" type="text/css" href="../css/sub.css" />
<link rel="stylesheet" type="text/css" href="../css/all_menu.css" />
<link rel="stylesheet" type="text/css" href="../css/default.css" />
<style type="text/css">
   body{
      background-color:transparent;
      background:transparent;
   }

   #wrapper1{
      width:100%;
      height:1080px;
   }
     
   #wrapper .header{
      height:108px;
      float:left;
      width:100%;
   }
   
   #wrapper .body{
      border:1px solid red;
      margin:0 auto;
      width:1500px;
      
   }
   
   #wrapper .footer{
      height:250px;
      float:left;
      
   }
   
   
</style>

<head>


<script type="text/javascript">

   $(document).ready(function(){
      $('#choice').click(function(){
         var index = $('#point:checked').val();
         alert(index);
         $('#amount').val(index);
         $('#choice').attr('style','display:none;');
         $('#cansel').attr('style','display:block;');
      });
   });
</script>




<title>결제목록</title>
</head>
<body>
<hr>

<!-- //Wrapper -->
<div id="wrapper">   
   <!-- Contenter_Sub -->
   <div id="container_sub">
      
      <!-- Content_List -->
      <div id="sub_page_bg1"></div><!-- Sub Page Background -->
      
      <div id="content_list">

         <div class="title">
                  <div class='sub_title'><li>Ticket 구매</li><li class='stitle'>결제내역 정보를 마이페이지에서 확인하세요.</li></div><div class='navig'><li class='frst'><img src='../image/all/home_icon.png' align='absmiddle' width='13' height='13'> <a href='/'>HOME</a></li><li>우리결혼할래요</li><li>MY결제내역</li></div>
      <!-- sub_menu-->
      <ul class='sub_menu'>      
       <ul class='sub_tab'>
         <li><a class='over' href="/bbs/mypage.php">Ticket 구매</a></li>
      </ul></ul>         </div>

   
      
<div class="content_title">
   <h1><span>좋은인연</span><br>찾아가는<br>미팅<br>PARTY</h1>
   <p><br>━</p>
   <span class="content_title_s"><strong>GREAT DATE SERVICE</strong><br><br>위대한 만남과 함께<br>당신의 이상형을 찾아 드립니다.</span>
   <br><br>

   <a href="../bbs/register_analysis.php"><img src="../img/left_banner.jpg" /></a>
</div>
<form:form commandName="command" enctype="multipart/form-data">
<form:errors element="div"/>
<form:hidden path="id" value="${id}"/>
<form:hidden path="title" value="${command.title}"/>
<form:hidden path="filename" value="${command.filename}"/>
<form:hidden path="limit_Ticket" value="${command.limit_Ticket}"/> 

<div style="height:500px; padding-right:0px; ">

<div class="great_date1" style="text-align:center">
<div class="tbl_head01 tbl_wrap2" style="border:1px solid gray">
   <img src="/wedding/upload/${command.filename}" width="460" height="250">
</div>
</div>
<div class="great_date2">
   
   <div class="tbl_head01 tbl_wrap2">
   
   <table align="left" style="width:90%">
      <tr>
         <td colspan="3" style="text-align:center; background-color:#C1454A;"> &lt;미팅파티&gt;<b> ${command.title}</b> </td>
      </tr>
      <col width="33%"/>
      <col width="33%"/>
      <col width="33%"/>
      <tr>
         <th>판매 기간</th>
         <td colspan="2">
         	 <form:hidden path="start_Date" value="${command.start_Date}"/>
         	 <form:hidden path="end_Date" value="${command.end_Date}"/>
             ${command.start_Date} ~ ${command.end_Date}
         </td>
      </tr>
      <tr>
         <th>가격</th>
         <td colspan="2">
         	<form:hidden path="ticket_Price" value="${command.ticket_Price}"/>
         	${command.ticket_Price}
         </td>
      </tr>
      <tr>
         <th>장소</th>
         <td colspan="2">    
         <form:hidden path="place" value="${command.place}"/>     	
  			${command.place}
         </td>
      </tr>
      
      <tr>
         <th>구매 수량</th>
         <td colspan="2">
          <form:select path="amount_Ticket" id="amount_Ticket">
      		 <c:forEach begin="1" end="5" var="i">
      	 	 	 <form:option value="${i}">${i}</form:option>
      		 </c:forEach>
    	  </form:select> 
         </td>
      </tr>
      
      <tr>
         <th>현재 My 포인트</th>
         <td width="300">
            <form:hidden path="npoint" value="${npoint}"/> 
            ${npoint}
            <form:errors path="npoint">
            	현재 ${command.ticket_Price - command.npoint} Point가 부족합니다
            </form:errors>
           
         </td>
         <td style="text-align:right">
         	<a href="<%=request.getContextPath()%>/member/paymentWrite.do" class="btn_b02">충전</a>
         </td>
      </tr>
   </table>
   </div>
   </div>

   </div>
   <div style="width:1200px;  text-align:center;">
      <input type="submit" value="구매" id="btn_submit" class="btn_submit" >
        <a href="list.do" class="btn_cancel">취소</a>
    </div>

   </form:form>
</div>
</div>
</div>



<script>
$(document).ready(function(){
  $(window).scroll(function () {
   if ($(this).scrollTop() > 10) { 
        $('#back-top').fadeIn();
   } else {
       $('#back-top').fadeOut();
   }
  });

  $('#back-top').click(function () {
   $('body,html').animate({
        scrollTop: 0
   }, 200);
        return false;
  });
});
</script>
<style>
#back-top {
 position: fixed;
 bottom: 100px; /* 부라우저 밑에서 위로 떨어질 높이설정  */
 left: 90%;
 margin:0px;  /* 부라우저 중앙에서 우측으로 떨어질 거리설정  */
 z-index:999;
 display:none;
}
</style>
<div id="back-top">
    <a href="#wrap"><img src="../image/all/go_top.png" width="60" height="60" alt="위로가기"></a>
</div>
<!-- } 콘텐츠 끝 -->

<hr>



<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/967057890/?value=0&amp;label=A9o3CIaS9wcQ4sOQzQM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

</body>
</html>
  
           
</body>
</html>